<template>
	<scroll-view scroll-y class="content">
		<view class="c">
			<view class="date">2020-08-23 13:34</view>
			<view class="item">
				<view class="title">暑假集训安排</view>
				<view class="text">您好，邀请您参加：暑假集训安排，召开时间发货单2020-02-04 09:48，请参加……</view>
			</view>
			<view class="item">
				<view class="title">暑假集训安排</view>
				<view class="text">
					您好，邀请您参加：暑假集训安排，召开您好，邀请您参加：暑假集训安排，召开时间发货单2020-02您好，邀请您参加：暑假集训安排，，邀请您参加：暑假集训安排，召开时间发货单2020-02-04
					09:48，请参加……
				</view>
			</view>
		</view>
		<view class="c">
			<view class="date">2020-08-23 13:34</view>
			<view class="item">
				<view class="title">暑假集训安排</view>
				<view class="text">您好，邀请您参加：暑假集训安排，召开时间发货单2020-02-04 09:48，请参加……</view>
			</view>
			<view class="item">
				<view class="title">暑假集训安排</view>
				<view class="text">
					您好，邀请您参加：暑假集训安排，召开您好，邀请您参加：暑假集训安排，召开时间发货单2020-02您好，邀请您参加：暑假集训安排，，邀请您参加：暑假集训安排，召开时间发货单2020-02-04
					09:48，请参加……
				</view>
			</view>
		</view>
		
		<hint   ref="hint"></hint>
	</scroll-view>
</template>

<script>
export default {
	data() {
		return {
			isPopup:true
		};
	},
	onReady() {
		this.$refs.hint.setStatus('loading');
	},
	methods: {}
};
</script>

<style lang="scss">
.content {
	height: 100%;
	background: #f8f9f9;
	.c {
		margin-bottom: $sm-interval;
		&:nth-last-child(2) {
			margin-bottom: -1 * $sm-interval;
		}
		.date {
			color: $text-color-nine;
			text-align: center;
			line-height: 100rpx;
		}
		.item {
			background-color: $bg-color-white;
			margin-bottom: 5 + $sm-interval;
			padding: $base-interval;
			border-radius: $border-radius-base;
			.title {
				font-size: $font-size-lg;
				font-weight: 600;
			}
			.text {
				margin-top: $base-interval;
				color: $text-color-nine;
				@include multi-row-apostrophe(2);
			}
		}
	}
}
</style>
